<template>
	<div class="detail_table" id="detail_table">
		<ul class="false_table">
			<li class="table_title">
				<div class="spe_title">
					<div>时间</div>
				</div>
				<div>
					<div>到玩人数</div>
				</div>
				<div>
					<div>查看人数</div>
				</div>
				<div>
					<div>留言人数</div>
				</div>
				<div>
					<div>点赞人数</div>
				</div>
				<div>
					<div>保存人数</div>
				</div>
			</li>
			<li v-for="item in detaillist">
				<div class="spe_title">{{item.createTime}}</div>
				<div>{{item.playnum}}</div>
				<div>{{item.readnum}}</div>
				<div>{{item.liuLnum}}</div>
				<div>{{item.praisenum}}</div>
				<div>{{item.savenum}}</div>
			</li>
		</ul>
		<!--<div class="table_foot">
			<div class="page">
				<ol>
					<li>
						<</li>
						<li>1</li>
						<li>2</li>
						<li class="current">3</li>
						<li>···</li>
						<li>10</li>
						<li>></li>
				</ol>
			</div>
		</div>-->
	</div>

</template>

<script>
	export default {
		name: 'detail_table',
		computed: {
		},
		data() {
			return {
				title: '',
				trade_index: 1,
				detaillist:[]
			}
		}, //定义变量
		components: {
			
		}, //注册组件
		methods: {//方法都在这里
			
		},
		mounted() {
			var that = this;
			//获取banner
		},
		beforeCreate:function(){
			var that=this
			var storeId={
				brandId:that.GetRequest().id
			}
			var that = this;
			this.lh_http('post', "tbLogin/queryRecordsById",storeId).done(function(res) {
				if(res.status) {
//					console.log(res)
					that.detaillist=res.data.queryRecords
				} else {
					alert(res.data);
				}
			})
		}
	}
</script>

<style lang="scss">
	.detail_table {
		margin-top:20px;
		.false_table {
			width: 1080px;
			text-align: center;
			font-size: 14px;
			border-collapse: collapse;
			/*display:none;*/
			li {
				width: 1080px;
				height: 60px;
				border: #fff solid 2px;
				div {
					float: left;
					width: 175px;
					height: 60px;
					line-height: 60px;
					margin: 0 2px;
				}
				.spe_title {
					width: 175px;
				}
			}
			li:first-child {
				width: 1080px;
				height: 60px;
				div {
					float: left;
					width: 175px;
					height: 60px;
					line-height: 60px;
					border: 0;
					margin: 0 2px;
					div {
						border-bottom: #007AFF solid 2px;
						input {
							margin-right: 10px;
							vertical-align: middle;
						}
					}
				}
				.spe_title {
					width: 175px;
					div {
						width: 175px;
					}
				}
			}
			li:hover {
				border: #007AFF solid 2px;
			}
			.table_title:hover {
				border: #fff solid 2px;
			}
		}
		.table_foot {
			width: 1080px;
			height: 50px;
			margin-top: 40px;
			.page {
				width: 170px;
				height: 10px;
				float: right;
				ol {
					width: 170px;
					height: 20px;
					li {
						width: 20px;
						height: 20px;
						float: left;
						line-height: 20px;
						text-align: center;
						margin-right: 5px;
					}
					li.current {
						background: #007AFF;
						color: #fff;
						border-radius: 2px;
					}
					li:last-child {
						margin: 0;
					}
				}
			}
		}
	}
</style>